Skip to main content

仪表盘样式配置

功能简介

仪表板样式提供从全局角度调整画布的功能,可设置整张仪表板的背景、标题、组件、图表/表格风格和配色、过滤组件主题等,并可将调整后的仪表板样式效果保存,方便用户运用于其他的仪表板制作。

路径

登录 千帆 aPaaS 设计态首页,进入应用设计,单击【BI 工具(Beta)】>【仪表板】>【仪表板样式】。 img 用户支持直接选择仪表板样式、支持设置自定义样式、支持在其他仪表板使用该仪表板的自定义样式,单击【存为自定义样式】即可实现。仪表板样式界面功能如下图所示: img

生效范围

  • 用户存为自定义样式的样式生效范围:当前用户制作的所有仪表板,都可以选择之前保存的自定义样式。
  • 用户未保存的自定义样式生效范围:当前仪表板。
  • 仪表板样式生效优先级排列为:组件样式>仪表板样式>BI 全局样式。

设置自定义样式

在组件编辑单击界面【仪表板样式】,可编辑自定义样式,如下图所示: img

编辑后,自动在仪表板展示预览效果,单击【确定】才会生效自定义效果。若不存为自定义样式,则该样式仅在此仪表板生效。

自定义仪表板样式设置包含仪表板、标题、组件、图表、表格和过滤组件的背景主题等设置。如下表所示:

样式可设置项目
仪表板画布背景、组件间隙
标题标题栏背景、标题文字格式
组件单个组件的背景
图表图表的整体配色、图表中的文本格式
表格表格风格、主题色和文字格式
过滤组件过滤组件主题色

设置仪表板

单击【仪表盘】设置样式,可设置仪表板的背景和组件间隙。背景颜色设置“蓝灰色”,组件间隙设置“有间隙”,则效果如下图所示:

若组件设置“组件悬浮”,则尽管在仪表板样式处设置组件之间有间隙,但组件仍可以重叠展示。

img

仪表板设置说明如下表所示:

设置仪表板说明
背景仪表板背景可设置为颜色或者图片:
  • 颜色:单击可设置背景颜色,选择自定义颜色、透明、自动
  • 图片:单击可上传图片作为仪表板背景,上传的背景图片的大小和像素无要求
  • 组件间隙组件间隙可设置为有间隙或者无间隙:
  • 有间隙:仪表板中组件展示效果如上
  • 无间隙:仪表板中组件之间无拼接
  • 设置标题

    标题可统一设置仪表板中组件标题的背景和文字(包括过滤组件)。标题背景设置为“淡蓝色”,标题文字设置为“自定义”,选择“黑体”,字号“14”,字体“加粗”,字体颜色“深蓝”,如下图所示: img

    标题设置说明如下表所示:

    标题设置说明
    背景标题背景可设置为颜色或者图片:
  • 颜色:单击可设置背景颜色,选择自定义颜色、透明、自动
  • 图片:单击可上传图片作为仪表板背景,背景图片的大小和像素无要求
  • 文字标题文字可设置自动或者自定义

    设置组件

    组件中可统一设置仪表板中所有组件的背景,分为颜色和图片两种(包括过滤组件)。颜色设置为“蓝色”后效果如下图所示,组件背景详细说明可参见 设置标题 的背景说明。 img

    设置图表

    图表为设置仪表板中的图表配色和图表中的文字样式。单击修改柱形图和折线图中图形的颜色,并设置图表中的字体为自定义的黑体、14号,如下图所示: img

    图表设置的详细说明如下表所示:

    图表设置说明
    配色可根据用户需要,选择修改图表中的组件元素颜色
    文字文字可配置组件中字体的样式,包含图表中的横纵轴、分类轴、值轴的文字等,标题文字可设置自动或者自定义

    设置表格

    在表格下可统一设置仪表板中所有表格组件的样式,包括风格、主题色和文字,其中文字自定义中可分别设置表头和表身的字体样式。 自定义文字样式后,效果如下图所示: img

    表格设置详情说明如下表所示:

    表格设置说明
    风格可设置三种不同的表格整体风格
    主题色单击可设置表格组件的主题颜色,可选择自定义颜色、透明、自动实现不同效果
    文字文字可设置自动或者自定义的字体样式,自定义中可分别设置表头和表身的字体样式

    设置过滤组件

    过滤组件中可统一设置该仪表板中所有过滤组件的主题色。可选择自定义颜色、透明、自动实现不同效果。将过滤组件主题设置为白色后,则过滤组件边框变成白色。设置完仪表板后,单击【确定】,即可将自定义样式运用于整个仪表板。效果如下图所示: img